// window.onload=function() {
//     console.log($(".numundo"));
// }
$("document").ready(function () {
    // $(".numundo").hide()
    // setTimeout(function() {
    //     $(".numundo").toggle()
    // },1000)
    function load() {
        var data = getdata()
        $("ol").empty()
        var doneCount = 0;  // 已经完成的个数
        var todoCount = 0;  // 正在进行的个数
        $.each(data, function (i, ele) {
            // 如果复选框被选中（已完成done: true）添加到ul里，未被选中（未完成done: false）添加到ol里
            if (!ele.done) {
                $(".undo").prepend("<li><input type='checkbox'> <p>" + ele.title + "</p> <a href='javascript:;' index=" + i + "></a></li>");
                doneCount++;  // 每添加一个li，已完成数加一
            } else {
                $(".done").prepend("<li><input type='checkbox' checked='checked' > <p>" + ele.title + "</p> <a href='javascript:;' index=" + i + "></a></li>");
                todoCount++;
            }

        })
        $(".numundo").text(doneCount);
        $(".numdone").text(todoCount);
        $("ol a").on("click",function(){
            var data=getdata()
            var index=$(this).attr("index")
            console.log(index);
            console.log(100);
            data.splice(index,1)
            savedata(data)
            load()
        })
    }
    load()
    $("#in").on("keydown", function (event) {
        if (event.keyCode === 13) {
            if ($(this).val().trim() !== "") {  // trim()去除字符串两侧空格
                var data = getdata();       // 获取本地存储数据
                // 把数组进行更新数据，把最新数据追加给数组
                data.push({ title: $(this).val(), done: false });
                savedata(data);      // 保存到本地存储
                load();              // 渲染加载到页面
                $(this).val("");
            }
        }
    })
    $("ol").on("click","input",function() {
        data=getdata()
        var val_checked=$(this).prop("checked")
        var index=$(this).siblings("a").attr("index")
        data[index].done=val_checked
        savedata(data)
        load()
    })
    $("ol.undo").on("dblclick","p",function() {
        console.log(100);
        data=getdata()
        var val=$("this").val()
        var index=$(this).siblings("a").attr("index")
        $(this).prepend("<input type='text' name='hello'>")
        var that=$(this)
        var input=$(this).children()
        input.val(val)
        input.select()
        $("input").on("blur",function() {
            data[index].title=$(this).val()
            savedata(data)
            $(this).remove()
            load()
        })
        $("input").on("keyup",function(e) {
            if(e.keyCode==13) {
                this.blur()
            }
        })
    })

})
function getdata() {
    const data = localStorage.getItem("todolist")
    if (data == null) return [];
    return JSON.parse(data)
}
function savedata(data) {
    localStorage.setItem("todolist", JSON.stringify(data))
}




// $(function(){

//     // 开始写 jQuery 代码...

//  });
